<link rel="stylesheet" type="text/css" href="__PUBLIC__/res/css/project.css"/>
<style rel="stylesheet">
    body {
        background: url("__PUBLIC__/res/images/bg/project-office.jpg") no-repeat top;
    }
</style>

<div id="tpl_container">
    <div class="tpl_container_bg"></div>
    <div id="tpl_container_box">
        <div>
            <div class="title">办工空间</div>
            <div class="des">公司具有建筑装修装饰工程专业承包壹级资质，可承担各类建筑室内、室外装修、装饰工程的施工。</div>
            <div class="en_title">OFFICE SPACE</div>
        </div>
        <div>
            <div class="s_title">经典项目</div>
            <div class="show_classics_project">
                <div class="carousel">
                    <a href="javascript:void(0);" class="prev" id="prev"></a>
                    <div class="jCarouselLite" id="scroll_box">
                        <ul>
                            <li onclick="openDesc()"><img height="100px" src="../Public/images/yt/p1.jpg" /></li>
                            <li><img height="100px" src="../Public/images/yt/p1.jpg" /></li>
                            <li><img height="100px" src="../Public/images/yt/p1.jpg" /></li>
                        </ul>
                    </div>
                    <a href="javascript:void(0);" class="next" id="next"></a>
                    <div class="clear"></div>
                </div><!--carousel end-->
            </div>
        </div>
        <div>
            <div class="s_title">项目业绩</div>
            <div class="project_score">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="__PUBLIC__/res/js/jcarousellite.js"></script>
<script type="text/javascript">

    $('#scroll_box').jCarouselLite({
        btnPrev: '#prev',
        btnNext: '#next'
    });
    function openDesc() {
        var bg = $("<div id='project_show_bg'></div>");
        bg.on("click",function(e) {
            $(this).remove();
        });
        bg.appendTo($("body"));

    }
</script>

